{% extends 'proyectos/base.html' %}

{% block panelizq %}
    <h3>Contenido</h3>
    <ul class="menuv-dropdown dropdown-vertical" id="nav">
        <li class="item-102"><a href="/proyectos/">Mis Proyectos</a></li>
        <li class="item-119 current active"><a href="/proyectos/editar/{{ proyecto.id }}">Editar Proyecto</a></li>
        <li class="item-119"><a href="/proyectos/editarLinks/{{ proyecto.id }}">Links del Proyecto</a></li>
        <li class="item-119"><a href="/proyectos/editarDocumentos/{{ proyecto.id }}">Documentos Proyecto</a></li>
    </ul>
{% endblock panelizq %}

{% block content %}
<div id="contact_wrap">
	<div class="nav-section">
		<ul></ul>
	</div>
	<div id="contact" class="round clearfix">
		<div id="contact-form">
			<h2 style="text-align: center;">Editar Proyecto</h2>
			<form action="/proyectos/editar/{{ proyecto.id }}" method="POST" enctype="multipart/form-data">
				{% csrf_token %}
				{{ form.as_p }}
				<input type="submit" value="Guardar Cambios" style="margin-left: 90px;" />
			</form>

			<form action="/proyectos/editarLinks/{{ proyecto.id }}" method="GET">
				<input type="submit" value="Ver Links" style="margin-left: 120px;"/>
			</form>

			<form action="/proyectos/editarDocumentos/{{ proyecto.id }}" method="GET">
				<input type="submit" value="Ver Documentos" style="margin-left: 93px;"/>
			</form>

			<form action="/proyectos/borrar/{{ proyecto.id }}" method="POST">
				{% csrf_token %}
                <input type="submit" value="Borrar Proyecto" style="margin-left: 94px;"/>
			</form>
		</div>
	</div>
</div>

<script type="text/javascript">
    $("#id_grupos").sexyselect({showTitle:false,allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple',width:330});
</script>
{% endblock content %}
